<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Laya家族</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet/less" href="/css/reset.less">
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_4677206_69b6y8txmjy.css">
    <link rel="stylesheet/less" href="/css/common.less">
    <link rel="stylesheet/less" href="/css/LayaFamily.less">
</head>
<body>
    <div id="LayaFamily">
        <nav class="navbar navbar-inverse nav-bg">
            <div class="container">
              <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                  data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                  <span class="sr-only">Toggle navigation</span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                </button>
                <!-- logo -->
                <a class="navbar-brand logo" href="#"> <img src="/images/图层 2.png" alt=""></a>
              </div>
      
              <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                  <li><a href="index.html">首页</a></li>
                  <li class="active"><a href="LayaFamily.html">Laya家族</a></li>
                  <li><a href="game.html">游戏</a></li>
                  <li><a href="news.html">新闻动态</a></li>
                  <li><a href="#">开发者中心</a></li>
                  <li><a href="#">开发者社区</a></li>
                  <li><a href="#">开放平台</a></li>
                  <li><a href="about.html">关于我们</a></li>
                </ul>
      
                <ul class="nav navbar-nav navbar-right">
                  <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                      aria-expanded="false">Language <span class="caret"></span></a>
                    <ul class="dropdown-menu menu-bg">
                      <li><a href="#">中文简体</a></li>
                      <li><a href="#">中文繁体</a></li>
                      <li><a href="#">English</a></li>
                    </ul>
                  </li>
                </ul>
              </div><!-- /.navbar-collapse -->
            </div>
          </nav>
      

        <div id="flash">
            <div class="flash-box">
                <div class="left">
                    <div class="title">
                        <div class="num">1</div>
                        <h3>LayaFlash</h3>
                    </div>
                    <h5>直接用Flash AS3语言开发HTML5的引擎 </h5>
                    <div class="txt">
                        <p>支持Flash AS3语言及框架在Flash Builder、FlashDevelop中直接开发 HTML5产品；</p>
                        <p>支持将Flash页游\手游产品快速转换成为HTML5游戏，让Flash研发企业 进入HTML5市场低成本、无门槛；</p>
                        <p>支持Starling等3D框架，是首个支持HTML5 3D游戏的技术方案。</p>
                    </div>
                    <button class="download">进入下载</button>
                </div>
                <div class="right">
                    <img src="/images/图层 54.png" alt="">
                </div>
            </div>
        </div>

        <div id="player">
            <div class="player-box">
                <div class="left">
                    <div class="title">
                        <div class="num">2</div>
                        <h3>LayaFlash</h3>
                    </div>
                    <img src="/images/图层 55.png" alt="">
                </div>
                <div class="middle">
                    <div class="item">
                        <h5>极强性能</h5>
                        <div class="txt">C语言编写的HTML5运行器，逻辑渲染双核运 行、GPU加速渲染、内存显存智能管理、渲染流 程极致优化，基于LayaPlaye.</div>
                    </div>
                    <div class="item">
                        <h5>更小，更多，更强</h5>
                        <div class="txt">不足20K的HTML5运行器，拥有超过5亿的移动 设备安装量，已嵌入到QQ浏览器、QQ空间、百 度浏览器、新浪微博、猎豹浏览器.</div>
                    </div>
                </div>
                <div class="right">
                    <img src="/images/图层 57.png" alt="">
                </div>
            </div>
        </div>
        
        <div id="air">
            <div class="air-box">
                <div class="left">
                    <div class="title">
                        <div class="num">3</div>
                        <h3>LayaAir</h3>
                    </div>
                    <p>新一代HTML5引擎，正在内测完善中，敬请期待</p>
                    <div class="item">
                        <h5>小巧强大</h5>
                        <div class="txt">核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</div>
                    </div>
                    <div class="item">
                        <h5>小巧强大</h5>
                        <div class="txt">核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</div>
                    </div>
                    <div class="item">
                        <h5>小巧强大</h5>
                        <div class="txt">核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</div>
                    </div>
                    <div class="img">
                        <img src="/images/图层 59.png" alt="">
                    </div>
                </div>
                <div class="right">
                    <div class="title">
                        <div class="num">4</div>
                        <h3>LayaOpen</h3>
                    </div>
                    <p>面向Layabox开发者、流量渠道的一站式对接平台</p>
                    <div class="item">
                        <h5>小巧强大</h5>
                        <div class="txt">核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</div>
                    </div>
                    <div class="item">
                        <h5>小巧强大</h5>
                        <div class="txt">核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</div>
                    </div>
                    <div class="item">
                        <h5>小巧强大</h5>
                        <div class="txt">核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</div>
                    </div>
                    <div class="img">
                        <img src="/images/图层 60.png" alt="">
                    </div>
                </div>
            </div>
        </div>

        <div id="store">
            <div class="store-box">
                <div class="left">
                    <div class="title">
                        <div class="num">5</div>
                        <h3>LayaStore</h3>
                    </div>
                    <p>游戏内容丰富，可安装、可嵌入的HTML5应用商店</p>
                    <div class="item">
                        <h5>嵌入式商店</h5>
                        <div class="txt">      仅20K的嵌入式HTML5应用商店，嵌入到APP中提供托管式HTML5商店 服务。</div>
                    </div>
                    <div class="item">
                        <h5>流量变现</h5>
                        <div class="txt">      丰富优质的大型HTML5游戏产品，帮助APP进入流量变现新时代。</div>
                    </div>
                    <div class="img">
                        <img src="/images/图层 63.png" alt="">
                    </div>
                </div>
                <div class="right">
                    <div class="title">
                        <div class="num">6</div>
                        <h3>LayaPublish</h3>
                    </div>
                    <p> 分成高、覆盖广，提供最优秀的全渠道发行服务</p>
                    <div class="item">
                        <h5>覆盖广</h5>
                        <div class="txt">超过5亿的移动设备安装量覆盖，为CP发行保驾护航</div>
                    </div>
                    <div class="item">
                        <h5>分成高</h5>
                        <div class="txt">CP可享受80%发行收益的高分成政策。</div>
                    </div>
                    <div class="img">
                        <img src="/images/图层 62.png" alt="">
                    </div>
                </div>
            </div>
        </div>

        <div id="footer">
            <div class="footer-box">
              <div class="left">
                <div class="up">
                  <p>公司简介</p>
                  <p>联系方式</p>
                  <p>人才招聘</p>
                </div>
                <div class="down">
                  All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 
                </div>
              </div>
              <div class="right">
                <div class="icon"><i class="iconfont icon-pengyouquan-copy"></i></div>
                <div class="icon"><i class="iconfont icon-dingding"></i></div>
                <div class="icon"><i class="iconfont icon-wenjian"></i></div>
                <div class="code">
                  <img src="/images/图层 53.png" alt="">
                </div>
              </div>
            </div>
        </div>

    </div>
    
</body>
</html>

<script src="/js/jquery-3.7.1.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/less.min.js"></script>